<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		div{
			width: 200px;
			height: 200px;
			padding: 20px;
			border: 5px solid red;
		}
	</style>
</head>
<body>

	<!-- 盒模型： 在网页中 基本上都会显示一些方方正正的盒子，这种盒子就被我们称为盒模型
		
		重要的属性： width,height,padding,border,     margin
		
		width: 指的是内容的宽度，而不是整个盒子真实的宽度
		height: 指的是内容的高度，而不是整个盒子真实的高度
		

		做一个宽度402*402的盒子，你应该如何设计？
	 -->
	
	<div>
		内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
	</div>
</body>
</html>